<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>jQuery wgallery demo</title>
<link href="jquery.wgallery.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="jquery.wgallery.js"></script>
<script type="text/javascript">
$(function() {
  $("#gallery").wgallery();
  $("#gallery2").wgallery({isVertical: false,
    datasource: 
      [
        {image: "demo/Chrysanthemum.jpg"},
        {image: "demo/Desert.jpg"},
        {image: "demo/Hydrangeas.jpg"},
        {image: "demo/Jellyfish.jpg"},
        {image: "demo/Koala.jpg"},
        {image: "demo/Lighthouse.jpg"},
        {image: "demo/Penguins.jpg"},
        {image: "demo/Tulips.jpg"}
      ]
    });
});
</script>
</head>
<body>
<br />
<div id="gallery">
<ul>
<li><img src="demo/Chrysanthemum.jpg" alt="" /></li>
<li><img src="demo/Desert.jpg" alt="" /></li>
<li><img src="demo/Hydrangeas.jpg" alt="" /></li>
<li><img src="demo/Jellyfish.jpg" alt="" /></li>
<li><img src="demo/Koala.jpg" alt="" /></li>
<li><img src="demo/Lighthouse.jpg" alt="" /></li>
<li><img src="demo/Penguins.jpg" alt="" /></li>
<li><img src="demo/Tulips.jpg" alt="" /></li>
</ul>
</div>
<br /><br />
<div id="gallery2"></div>
</body>
</html>